<!DOCTYPE html>
<html>

	<head>
	
		<meta charset="UTF-8">
	
		<title>Insert title here</title>
	
		<link rel="stylesheet"  href="style_gabarit.css" media="all" />
	
	</head>

<body>

	<div id="wrapper">

		<div id="header">

			<div id="logo">

				<img
					src="http://www.cm-essonne.fr/portals/72/images/images_environnement/logo-handicaps.jpg"
					alt="logo de l'accessibilité représente ..." />

			</div>


			<div id="headerRight">

				<h1>GABARIT</h1>
	<div id="box">Je suis une pub :p</div>
	<div id="box2">Je suis une pub :p 2</div>
				<p>Sed lex dura lex</p>

			</div>

		</div>


		<div id="aside">

			<div id="nav">

				<ul>

					<li><a href="#">Page 1</a></li>
					<li><a href="#">Page 2</a></li>
					<li><a href="#">Page 3</a></li>
					<li><a href="#">Page 4</a></li>

				</ul>


			</div>



		</div>

		<div id="content">

			<p>À propos du gabarit 05 Code HTML et CSS Ce gabarit est
				structuré de la manière suivante:
			Il est mis en forme par deux feuilles de styles: base.css (mise en
			forme minimale du texte, commune à tous les gabarits) modele05.css,
			qui contient tous les styles propres à ce gabarit, et que je vous
			invite à consulter. Pour voir le détail du code HTML de cette page,
			utilisez la fonction d'affichage de la source de votre navigateur web
			(ex: «Affichage  Code source de la page»). À noter L'aplat de
			couleur qui remplit à la fois l'en-tête et la colonne de gauche est
			en réalité une couleur de fond appliquée au conteneur global
			(div#global). Dans ce gabarit, nous utilisons la propriété CSS float
			pour placer deux blocs à la même hauteur plutôt que l'un en dessous
			de l'autre. Voir les notes de la feuille de style du gabarit pour en
			savoir plus. Grâce à la couleur de fond de div#global, ce gabarit
			simule deux colonnes de même hauteur. En réalité, les blocs placés à
			gauche (menu) et à droite (contenu) n'ont pas la même hauteur,
			contrairement à ce que l'on obtiendrait avec les cellules d'un
			tableau. La supercherie sera d'ailleurs révélée si le contenu de
			droite est plus court que celui de gauche. Il existe une version plus
			évoluée de cette astuce, qui utilise une image de fond. Il s'agit de
			la technique dite des colonnes factices, qui permet de simuler des
			colonnes de même hauteur quelle que soit la hauteur réelle des
			contenus. Tous les gabarits ayant «colonnes factices» dans leur
			descriptif utilisent cette technique. Pour éviter que les colonnes ne
			«débordent» de leur conteneur, il est nécessaire de gérer le
			dépassement des flottants (dans ce gabarit, on utilise div#global
			pour cela — voir les styles du gabarit pour les détails).
			</p>


		</div>

		<div id="footer">
		
		<span>Licence GNU GPL  - 2013 @@</span>
		
		</div>


	</div>


</body>
</html>